
<template>
	<div class="dakuanzhanghu">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;" class="flexbc">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/yongjin' }">财务管理</el-breadcrumb-item>
            <el-breadcrumb-item>打款账户配置</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style=" padding: 37px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;">
          <!-- 支付宝支付 -->
         <div class="flexc" style="font-size: 16px; font-weight: bold; margin:50px 0  20px 0;justify-content: space-between;width: 780px;">

            <div class="flexc">
              <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
              <div>支付宝支付</div>
            </div>
            <div class="flexc">
              <div style="color:#767676">支付宝收款</div>
              <el-switch
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="1"
                  :inactive-value="0"
                  @change="changeopenzfb"
                  v-model="zhifubao.ali_switch"
                  style="margin-left: 15px;">
                </el-switch>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="开启后可以设置商品价格，用户需支付相应才可完成下单，未开启则无法设置商品价格">
                  <div slot="reference" class="t_wen" style="margin-right: 0;">?</div>
                </el-popover>
            </div>
          </div>




         <div class="baibeijing" style=" width: 780px; margin-bottom: 50px; position: relative;">
            <div @click="xiazaizhifubao" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载支付宝说明</div>

            <div v-if="!xiugai">
              <div class="flexc">
                <div>当前配置账户：{{zhifubao.ali_name}}</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="xiugai = true">修改配置</div>
              </div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用支付宝账户转账，单日给单账户转账上限10万
              </div>
            </div>

            <div v-if="xiugai">
              <div>配置支付宝账户</div>
              <div style="margin: 10px 0;">支付宝商户名:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.ali_name" style="width: 260px; margin-right: 20px;" placeholder="支付宝商户名"></el-input></div>
              <div style="margin: 10px 0;">支付宝app_id:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.app_id" style="width: 260px; margin-right: 20px;" placeholder="支付宝app_id"></el-input></div>
              <div style="margin: 10px 0;">应用私钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.private_key" style="width: 260px; margin-right: 20px;" placeholder="应用私钥"></el-input></div>
              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan1" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>
              </div>
              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝根证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan2" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.root_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>
              </div>
              <div style="margin-bottom: 40px;">
                <div style=" margin-bottom: 10px;">应用公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan3" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.app_public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>
              </div>
              <el-button type="primary" round @click="quedingpeizhi">确认配置</el-button>
            </div>
          </div>

          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0px 0  20px 0;">
            <div><img src="https://file.91haoka.cn/gantanhao/yongjin1.png" style="width: 22px; margin-right: 10px;"></div>
            <div class="flexc">
              支付宝安全发支付
            </div>
          </div>
          <!--  -->
          <div style="width: 780px; margin-bottom: 50px; padding: 20px; border-radius: 10px; position: relative; background: rgb(255, 255, 255);" v-if="!zhifubaoall.is_accountbook">
            <div class="flexbc">
              <div style="margin-bottom: 20px;">您还未配置支付宝打款 <span style="font-size: 12px; margin-left: 20px; color: rgb(130, 130, 130);">开通前请确保您已拥有企业支付宝账户</span></div>

              <div @click="xiazai('https://file.91haoka.cn/gantanhao/jizhangben.pdf?attname=')" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载使用说明</div>
            </div>


            <div class="flexc" style="margin-bottom: 20px;">
              <div>1、授权小螺号</div>
              <div class="t_yzh" style="margin-left: 20px;" @click="zhifubaoshouquan">点击授权</div>
              <!-- <div style="margin-left: 20px;"><el-button type="primary" size="small" plain round @click="zhifubaoshouquan">点击授权</el-button></div> -->
              <div style="font-size: 12px; margin-left: 20px; color: rgb(130, 130, 130);" v-if="zhifubaoall.is_sign">已成功授权</div>
            </div>
            <div class="flexc" style="margin-bottom: 20px;">
              <div>2、开通专属记账本</div>
              <div class="t_yzh" style="margin-left: 20px;" @click="jizhangkaitong">点击开通</div>
              <!-- <div style="margin-left: 20px;"><el-button type="primary"  size="small" plain round @click="jizhangkaitong">点击开通</el-button></div> -->
              <div style="font-size: 12px; margin-left: 20px; color: rgb(130, 130, 130);" v-if="zhifubaoall.is_accountbook">已成功开通</div>
            </div>
            <div style="font-size: 12px; margin-left: 20px; color: rgb(130, 130, 130);">小螺号已开通支付宝服务商，您可在企业支付宝中开通自己的佣金专属记账本，把该记账本授权给我们管理，即可实现佣金转账。</div>
          </div>

          <div style="width: 780px; margin-bottom: 50px; padding: 20px; border-radius: 10px; position: relative; background: rgb(255, 255, 255);"  v-if="zhifubaoall.is_accountbook">
            <div class="flexbc">
              <div style="margin-bottom: 20px;">您已配置支付宝打款账户：{{zhifubaoall.alipay_logon_id}}</div>
              <div @click="xiazai('https://file.91haoka.cn/gantanhao/jizhangben.pdf?attname=')" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载使用说明</div>
            </div>


            <div class="flexc" style="margin-bottom: 20px;">
              <div>当前记账本余额：</div>
              <div style="font-size: 30px; color: rgb(255, 0, 53); margin-left: 10px;">￥{{zhifubaoayue}}</div>

              <div style="margin-left: 20px;"><el-button type="primary" plain round @click="qianwangchongzhi">前往充值</el-button></div>
            </div>
            <div style="font-size: 12px; margin-left: 20px; color: rgb(130, 130, 130);">小螺号仅管理操作该记账本中的金额，支付佣金前请确保该金额充足。</div>
          </div>

          <!-- 微信支付 -->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:50px 0  20px 0;justify-content: space-between;width: 780px;">
            <div class="flexc">
              <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
              <div>微信支付</div>
            </div>
            <div class="flexc">
              <div style="color:#767676">微信收款</div>
              <el-switch
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="1"
                  :inactive-value="0"
                  @change="changeopenvx"
                  v-model="weixin.wx_switch"
                  style="margin-left: 15px;">
                </el-switch>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="开启后可以设置商品价格，用户需支付相应才可完成下单，未开启则无法设置商品价格">
                  <div slot="reference" class="t_wen" style="margin-right: 0;">?</div>
                </el-popover>
            </div>
          </div>
          <div class="baibeijing" style=" width: 780px; margin-bottom: 50px; position: relative;">
            <div @click="xiazai('https://static.91haoka.cn/weixinzhifu2.pdf?attname=')" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载配置说明</div>
            <!-- 已配置微信账户 -->
            <div v-if="yipeizhishow">
              <div class="flexc">
                <div>已配置微信账户</div>
              </div>
              <div class="flexc" style="margin-top: 20px">
                <div>{{ weixin.wechat_app_id }}</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="updateConfig">修改配置</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="jiaoyanzhanghu">校验账户</div>
              </div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用微信转账，与支付宝相比微信转账限额更严格，微信转账单日上限和 给单个人转账的单日上限具有限制，每个账号额度不同，你可向微信申请提高限额。
              </div>
            </div>
            <!-- 未配置微信支付及支付宝账户 -->
            <div v-if="weipeizhishow">
              <div class="flexc">
                <div>您还未配置微信支付</div>
              </div>
              <div class="flexc" style="margin-top: 20px">
                <div>还未配置微信账户</div>
                <div class="t_yzh" style="margin-left: 20px" @click="configUser">配置账户</div>
              </div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用微信转账，与支付宝相比微信转账限额更严格，微信转账单日上限和 给单个人转账的单日上限具有限制，每个账号额度不同，你可向微信申请提高限额。
              </div>
            </div>

            <div v-if="peizhishow">
              <div>配置微信支付账户</div>
              <div style="color:rgb(98, 98, 98);font-size: 14px;margin-top: 15px;margin-bottom: 15px;display: flex;">注:使用微信支付前,必须先配置系统配置中的微信登陆功能,

              </div>

              <div style="margin: 10px 0;display: flex">微信appid:
                <div style="color:rgb(212, 212, 212);font-size: 14px;margin-top: 2px;font-weight: 400;margin-left: 17px">必须与系统配置处的微信登录配置appid一致</div>
              </div>
              <div style="margin-bottom: 20px;">
                <el-input v-model="weixin.wechat_app_id" style="width: 260px; margin-right: 20px;" placeholder="请输入" :disabled="true"></el-input>
                <div v-if="isAppID" style="display: contents;">
                  <div style="color:#ff0015;display: inline;">您还未配置微信登录请先</div>
                <a href style="color: #004AFF;margin-bottom: 15px" @click="btnClick "> 前往配置</a>
                </div>
              </div>

              <div style="margin: 10px 0;">微信商户号:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_id" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin: 10px 0;">微信V2商户密钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_secret_v2" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin: 10px 0;">微信V3商户密钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_secret_v3" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">微信私钥证书:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan1" :show-file-list="false">
                    <!-- <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button> -->
                    <div v-if="!weixin.wechat_mch_secret_cert" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_mch_secret_cert_name" style="color: #999;">{{ weixin.wechat_mch_secret_cert_name}}</div>
                  <div v-if="weixin.wechat_mch_secret_cert">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan1" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">微信公钥证书:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan2" :show-file-list="false">
                    <div v-if="!weixin.wechat_mch_public_cert_path" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_mch_public_cert_path_name" style="color: #999;">{{ weixin.wechat_mch_public_cert_path_name }}</div>
                  <div v-if="weixin.wechat_mch_public_cert_path">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan2" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <div style="margin-bottom: 40px;">
                <div style=" margin-bottom: 10px;">上传域名校验文件:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan3" :show-file-list="false">
                    <div v-if="!weixin.wechat_pay_file" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_pay_file_name" style="color: #999;">{{ weixin.wechat_pay_file_name }}</div>
                  <div v-if="weixin.wechat_pay_file">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan3" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <el-button type="primary" round @click="wxquerenpeizhi">确认配置</el-button>
            </div>
          </div>
          <!-- 云账户支付 -->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:50px 0  20px 0;">
            <div class="flexc"><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div class="flexc">云账户支付
              <!-- <div class="flexc" v-if="this.apply.status==7||this.pay.status==1||this.pay.status==2">
                <el-switch
                  @change="changeswkg(pay.id,1)"
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="2"
                  :inactive-value="1"
                  v-model="openys"
                  style="margin-left: 15px;">
                </el-switch>
                <span v-if="openys==1" class="t_tips_font">已关闭</span>
                <span v-if="openys==2" class="t_tips_font" style="color: #00DE08;">当前使用</span>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="该开关决定了佣金支出打款操作处的“灵活用工账户支付”调用云账户还是工猫支付，如果同时配置了2种账户，只能开启一种">
                  <div slot="reference" class="t_wen">?</div>
                </el-popover>
              </div> -->
            <span class="t_tips_font">打款手续费统一6.5%</span>
            </div>
          </div>
          <div class="baibeijing" style=" width: 780px; margin-bottom: 50px;" v-if="this.apply.status!=7&&this.pay.status!=1&&this.pay.status!=2">
            <div class="flexbc">
              <div>您还未配置云账户</div>
              <div @click="xiazaiyun" style="cursor: pointer; color: #004AFF;">下载云账户说明</div>
            </div>

            <div class="flexc" >
              <div class="flexc" style="margin-top:15px;margin-bottom:15px">
                <div style="width: 130px;">我还没有云账户：</div>
                <div v-if="this.apply==''" @click="toregyzh(1)" class="t_yzh">注册云账户</div>
                <div v-if="this.apply.status==0" style="color: #949494;font-size: 14px;">未提交</div>
                <div v-if="this.apply.status==1" style="color: #949494;font-size: 14px;">已提交</div>
                <div v-if="this.apply.status==2" style="font-size: 14px;"><span style="color: #FF0000;">申请驳回</span></div>
                <div v-if="this.apply.status==3" style="color: #949494;font-size: 14px;">开户成功待签署</div>
                <div v-if="this.apply.status==3"><span @click="tosign" style="color: #005AFF;margin-left: 10px;cursor: pointer;" >点击进行签署</span></div>
                <div v-if="this.apply.status==4" style="color: #949494;font-size: 14px;">签约成功待开通服务</div>
                <div v-if="this.apply!=''"><span @click="toregyzh(2)" style="color: #005AFF;margin-left: 10px;cursor: pointer;" >进入查看</span></div>
                <div v-if="this.apply!=''" @click="refrestate()" class="t_yzh" style="margin-left: 5px;">更新状态</div>
              </div>
              <div class="flexc" style="margin-left: 77px;">
                <div style="width: 130px;">我已有云账户：</div>
                <div v-if="this.apply.status==0" style="color: #949494;font-size: 14px;">未验证</div>
                <div v-if="this.pay==''||this.pay.status==0" @click="tohavebind(1)" class="t_yzh">绑定云账户</div>
              </div>
            </div>
            <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px;">
              云账户是一个第三方的灵活用工平台，可以在企业和自由职业者之间搭建桥梁。 企业可以将佣金发放的工作交给云账户，由云账户来帮灵活就业人员申报个人所得税
            </div>
          </div>
          <div v-if="this.apply.status==7||this.pay.status==1||this.pay.status==2" class="baibeijing" style=" width: 780px; margin-bottom: 50px;">
            <div>当前已配置云账户：</div>
            <div @click="tohavebind(2)" style="color: #004AFF;margin-top: 15px;margin-bottom: 15px;cursor: pointer;" >{{ nowbind.dealer_id }}</div>
            <div v-if="nowbind.status==0" @click="checkmoney" class="t_yzh" style="width: 120px;text-align: center;margin-bottom: 15px">请进行打款验证</div>
            <div style="color: #CDCDCD;font-size: 14px;" >修改云账户请联系客服处理</div>
          </div>

          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:50px 0  20px 0;">
            <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div class="flexc">工猫支付
              <!-- <div class="flexc" v-if="gminfo!=''">
                <el-switch
                  @change="changeswkg(gminfo.id,2)"
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="2"
                  :inactive-value="1"
                  v-model="opengs"
                  style="margin-left: 15px;">
                </el-switch>
                <span v-if="opengs==1" class="t_tips_font">已关闭</span>
                <span v-if="opengs==2" class="t_tips_font" style="color: #00DE08;">当前使用</span>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="该开关决定了佣金支出打款操作处的“灵活用工账户支付”调用云账户还是工猫支付，如果同时配置了2种账户，只能开启一种">
                  <div slot="reference" class="t_wen">?</div>
                </el-popover>
              </div>  -->
            <span class="t_tips_font">一般纳税人打款手续费6%  &nbsp;&nbsp;&nbsp;小规模纳税人：6%</span>
            </div>
          </div>
          <div class="baibeijing" style=" width: 780px; margin-bottom: 50px; position: relative;">
            <div @click="xiazaigongmao" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载配置说明</div>
            <!-- 未配置 -->
            <div v-if="!isshowgmset&&gminfo==''" >
              <div style="margin-bottom: 30px;">您还未配置工猫账户</div>
              <div class="flexc">
                <div>我还没有工猫账户：</div>
                <div class="t_yzh" @click="opencontcat" style="margin-left: 20px;" >联系我们注册开通</div>
                <div style="margin-left: 40px;">我已有工猫账户：</div>
                <div class="t_yzh" @click="openset" style="margin-left: 20px;" >配置绑定</div>
              </div>
              <!-- <div style="color: #FF004F;margin-top: 20px;margin-bottom: 20px;font-size: 14px;">注：未通过我们注册的商户无法享受5.8%的手续费率，将沿用用户自己账户的原有手续费率。</div> -->
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
            </div>


            <!-- 已配置 -->
            <div v-if="!isshowgmset&&gminfo!=''" >
              <div style="margin-bottom: 30px;">已配置工猫账户</div>
              <div class="flexc">
                <div style="color:#1444FF;cursor: pointer;" @click="showgminfo=true">{{ gminfo.dealer_id }}</div>
                <div style="margin-left: 40px;">状态：
                  <span v-if="gminfo.status==0">未验证</span>
                  <span v-if="gminfo.status==1||gminfo.status==2">正常</span>
                </div>
                <div v-if="gminfo.status==0" class="t_yzh" @click="openset" style="margin-left: 20px;" >配置绑定</div>
              </div>
              <div v-if="showgminfo" >
                <div style="margin-top: 15px;margin-bottom: 15px;">appKey：{{ this.gminfo.app_key }}</div>
                <div>appSecret：{{ this.gminfo.des_key }}</div>

                <div class="flexc" style="margin-top: 15px;" v-if="gminfo.broker_id && !broker_idlog">
                  <div> serviceld：{{gminfo.broker_id}}，非默认</div>
                  <div class="t_yzh" @click="broker_idlog = true" style="margin-left: 20px;" >修改</div>
                </div>

                <div class="flexc" style="margin-top: 15px;" v-if="broker_idlog">
                  <div style="margin-right: 20px;"> serviceld：</div>
                  <div><el-input v-model="gminfo.broker_id" style="width: 260px; margin-right: 20px;" placeholder="请输入serviceld"></el-input></div>
                  <div class="t_yzh" @click="queren2" style="margin-left: 20px;" >确认设置</div>
                </div>

              </div>

              <!-- <div style="color: #FF004F;margin-top: 20px;margin-bottom: 20px;font-size: 14px;">注：未通过我们注册的商户无法享受5.8%的手续费率，将沿用用户自己账户的原有手续费率。</div> -->
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
            </div>

            <!-- 配置 -->
            <div v-if="isshowgmset" >
              <div style="margin-bottom: 30px;">配置工猫账户</div>
              <div>请按照下载的配置说明配置</div>
              <div style="margin: 10px 0;">appKey：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.appKey" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="margin: 10px 0;">appSecret：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.appSecret" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="margin: 10px 0;">serviceID：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.broker_id" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;margin-bottom: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
              <el-button type="primary" round @click="quedingpeizhigm">保存配置</el-button>
            </div>

          </div>




          <!-- <div class="flexc" style="font-size: 16px; font-weight: bold; margin:50px 0  20px 0;">
            <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div>支付宝支付</div>
          </div>

          <div class="baibeijing" style=" width: 780px; margin-bottom: 50px; position: relative;">
            <div @click="xiazaizhifubao" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载支付宝说明</div>
            <div v-if="!xiugai">
              <div class="flexc">
                <div>当前配置账户：{{zhifubao.ali_name}}</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="xiugai = true">修改配置</div>
              </div>

              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用支付宝账户转账，单日给单账户转账上限10万
              </div>
            </div>


            <div v-if="xiugai">
              <div>配置支付宝账户</div>
              <div style="margin: 10px 0;">支付宝商户名:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.ali_name" style="width: 260px; margin-right: 20px;" placeholder="支付宝商户名"></el-input></div>
              <div style="margin: 10px 0;">支付宝app_id:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.app_id" style="width: 260px; margin-right: 20px;" placeholder="支付宝app_id"></el-input></div>
              <div style="margin: 10px 0;">应用私钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.private_key" style="width: 260px; margin-right: 20px;" placeholder="应用私钥"></el-input></div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan1" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>
              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝根证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan2" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.root_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>
              <div style="margin-bottom: 40px;">
                <div style=" margin-bottom: 10px;">应用公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan3" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.app_public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>

              <el-button type="primary" round @click="quedingpeizhi">确认配置</el-button>
            </div>

          </div> -->




        </div>
      </div>
    </div>
    <!-- 手机版 -->
    <div v-if="shoujiban" style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb; padding-top: 1rem;">
      <topandleft></topandleft>
      <div style="background: #fff; padding: 0.3rem;">
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="width: 2px; height: 0.2rem; background: rgb(2, 12, 29); margin-right: 10px; overflow: hidden;"></div>
          <div style="font-size: 0.36rem; font-weight: bold;">财务管理</div>
        </div>
        <div class="flexc" style="margin-bottom: 0.3rem;">
          <div style="color: rgb(175, 179, 188);">首页</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div style="color: rgb(175, 179, 188);">财务管理</div>
          <div style="margin: 0 0.2rem;color: rgb(175, 179, 188);">·</div>
          <div>打款账户配置</div>
        </div>
      </div>
      <div style=" padding: 0.3rem;">

        <div class="flexc"  style="font-size: 16px; font-weight: bold; margin:0.5rem 0  0.2rem 0;justify-content: space-between">
           <!-- 支付宝支付手机版 -->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0 0 0.2rem 0;">
            <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div>支付宝支付</div>
          </div>

          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0 0 0.2rem 0;">
              <div style="color:#767676">支付宝收款</div>
              <el-switch
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="1"
                  :inactive-value="0"
                  @change="changeopenzfb"
                  v-model="zhifubao.ali_switch"
                  style="margin-left: 15px;">
                </el-switch>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="开启后可以设置商品价格，用户需支付相应才可完成下单，未开启则无法设置商品价格">
                  <div slot="reference" class="t_wen" style="margin-right: 0;">?</div>
                </el-popover>
          </div>
        </div>


          <div class="baibeijing" style="margin-bottom:0.5rem; position: relative;">
            <div @click="xiazaizhifubao" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:25px; font-size: 12px;">下载支付宝说明</div>
            <div v-if="zhifubao.ali_name && !xiugai">
              <div class="flexc">
                <div>当前配置账户：{{zhifubao.ali_name}}</div>
                <div class="t_yzh" style="margin-left: 0.2rem;" @click="xiugai = true">修改配置</div>
              </div>

              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用支付宝账户转账，单日给单账户转账上限10万
              </div>
            </div>


            <div v-if="xiugai">
              <div>配置支付宝账户</div>
              <div style="margin: 10px 0;">支付宝商户名:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.ali_name" style="width: 260px; margin-right: 20px;" placeholder="支付宝商户名"></el-input></div>
              <div style="margin: 10px 0;">支付宝app_id:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.app_id" style="width: 260px; margin-right: 20px;" placeholder="支付宝app_id"></el-input></div>
              <div style="margin: 10px 0;">应用私钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="zhifubao.private_key" style="width: 260px; margin-right: 20px;" placeholder="应用私钥"></el-input></div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan1" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>
              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">支付宝根证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan2" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.root_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>
              <div style="margin-bottom: 40px;">
                <div style=" margin-bottom: 10px;">应用公钥证书上传:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="shangchuan3" :show-file-list="false">
                    <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button>
                  </el-upload>
                  <div v-if="zhifubaoxianshi.app_public_key_cer" style="margin-left: 20px; color: #999;">已上传</div>
                </div>

              </div>

              <el-button type="primary" round @click="quedingpeizhi()">确认配置</el-button>
            </div>

          </div>



          <!-- 微信支付手机版-->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0.5rem 0  0.2rem 0;justify-content: space-between">
            <div class="flexc" style="font-size: 16px; font-weight: bold; margin: 0 0 0.2rem 0">
              <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
              <div>微信支付</div>
            </div>

            <div class="flexc" style="font-size: 16px; font-weight: bold; margin: 0 0 0.2rem 0">
              <div style="color:#767676">微信收款</div>
              <el-switch
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="1"
                  :inactive-value="0"
                  @change="changeopenvx"
                  v-model="weixin.wx_switch"
                  style="margin-left: 15px;">
                </el-switch>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="开启后可以设置商品价格，用户需支付相应才可完成下单，未开启则无法设置商品价格">
                  <div slot="reference" class="t_wen" style="margin-right: 0;">?</div>
                </el-popover>
            </div>
          </div>
          <div class="baibeijing" style="margin-bottom:0.5rem; position: relative;">
            <div @click="xiazai('https://static.91haoka.cn/weixinzhifu2.pdf?attname=')" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载配置说明</div>
            <!-- 已配置微信账户 -->
            <div v-if="yipeizhishow">
              <div class="flexc">
                <div>已配置微信账户</div>
              </div>
              <div class="flexc" style="margin-top: 20px">
                <div>{{ weixin.wechat_app_id }}</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="updateConfig">修改配置</div>
                <div class="t_yzh" style="margin-left: 20px;" @click="jiaoyanzhanghu">校验账户</div>
              </div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用微信转账，与支付宝相比微信转账限额更严格，微信转账单日上限和 给单个人转账的单日上限具有限制，每个账号额度不同，你可向微信申请提高限额。
              </div>
            </div>
            <!-- 未配置微信支付及支付宝账户 -->
            <div v-if="weipeizhishow">
              <div class="flexc">
                <div>您还未配置微信支付</div>
              </div>
              <div class="flexc" style="margin-top: 20px">
                <div>还未配置微信账户</div>
                <div class="t_yzh" style="margin-left: 20px" @click="configUser">配置账户</div>
              </div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                分销商有能力开具发票时，则可使用微信转账，与支付宝相比微信转账限额更严格，微信转账单日上限和 给单个人转账的单日上限具有限制，每个账号额度不同，你可向微信申请提高限额。
              </div>
            </div>

            <div v-if="peizhishow">
              <div>配置微信支付账户</div>
              <div style="color:rgb(98, 98, 98);font-size: 14px;margin-top: 15px;margin-bottom: 15px;display: flex;">注:使用微信支付前,必须先配置系统配置中的微信登陆功能,

              </div>

              <div style="margin: 10px 0;display: flex">微信appid:
                <div style="color:rgb(212, 212, 212);font-size: 14px;margin-top: 2px;font-weight: 400;margin-left: 17px">必须与系统配置处的微信登录配置appid一致</div>
              </div>
              <div style="margin-bottom: 20px;">
                <el-input v-model="weixin.wechat_app_id" style="width: 260px; margin-right: 20px;" placeholder="请输入" :disabled="true"></el-input>
                <div v-if="isAppID" style="display: contents;">
                  <div style="color:#ff0015;display: inline;">您还未配置微信登录请先</div>
                <a href style="color: #004AFF;margin-bottom: 15px" @click="btnClick "> 前往配置</a>
                </div>
              </div>

              <div style="margin: 10px 0;">微信商户号:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_id" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin: 10px 0;">微信V2商户密钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_secret_v2" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin: 10px 0;">微信V3商户密钥:</div>
              <div style="margin-bottom: 20px;"><el-input v-model="weixin.wechat_mch_secret_v3" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">微信私钥证书:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan1" :show-file-list="false">
                    <!-- <el-button type="primary" plain style="20px; width: 140px;" round>点击上传</el-button> -->
                    <div v-if="!weixin.wechat_mch_secret_cert" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_mch_secret_cert_name" style="color: #999;">{{ weixin.wechat_mch_secret_cert_name}}</div>
                  <div v-if="weixin.wechat_mch_secret_cert">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan1" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <div style="margin-bottom: 20px;">
                <div style=" margin-bottom: 10px;">微信公钥证书:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan2" :show-file-list="false">
                    <div v-if="!weixin.wechat_mch_public_cert_path" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_mch_public_cert_path_name" style="color: #999;">{{ weixin.wechat_mch_public_cert_path_name }}</div>
                  <div v-if="weixin.wechat_mch_public_cert_path">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan2" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <div style="margin-bottom: 40px;">
                <div style=" margin-bottom: 10px;">上传域名校验文件:</div>
                <div class="flexc">
                  <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan3" :show-file-list="false">
                    <div v-if="!weixin.wechat_pay_file" style="color: rgb(0,70,255);font-size: 16px;cursor: pointer">点击上传</div>
                  </el-upload>
                  <div v-if="weixin.wechat_pay_file_name" style="color: #999;">{{ weixin.wechat_pay_file_name }}</div>
                  <div v-if="weixin.wechat_pay_file">
                      <el-upload class="upload-demo flexc" action="https://jsonplaceholder.typicode.com/posts/" :http-request="wxshangchuan3" :show-file-list="false">
                        <div style="color: rgb(0, 70, 255); font-size: 14px; margin-left: 17px;cursor: pointer;">修改上传</div>
                      </el-upload>
                  </div>
                </div>
              </div>

              <el-button type="primary" round @click="wxquerenpeizhi">确认配置</el-button>
            </div>
          </div>
        <!-- 云账户支付手机版 -->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0.2rem 0  0.2rem 0;">
            <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div class="flexc">云账户支付
              <!-- <div class="flexc" v-if="this.apply.status==7||this.pay.status==1||this.pay.status==2">
                <el-switch
                  @change="changeswkg(pay.id,1)"
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="2"
                  :inactive-value="1"
                  v-model="openys"
                  style="margin-left: 15px;">
                </el-switch>
                <span v-if="openys==1" class="t_tips_font">已关闭</span>
                <span v-if="openys==2" class="t_tips_font" style="color: #00DE08;">当前使用</span>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="该开关决定了佣金支出打款操作处的“灵活用工账户支付”调用云账户还是工猫支付，如果同时配置了2种账户，只能开启一种">
                  <div slot="reference" class="t_wen">?</div>
                </el-popover>
              </div> -->
            </div>
          </div>
          <span class="t_tips_font" style="padding-left: 0.2rem;">打款手续费统一6.5%</span>
          <div class="baibeijing" style=" width: 100%; margin-bottom: 0.5rem;" v-if="this.apply.status!=7&&this.pay.status!=1&&this.pay.status!=2">
            <div class="flexbc">
              <div>您还未配置云账户</div>
              <div @click="xiazaiyun" style="cursor: pointer; color: #004AFF;">下载云账户说明</div>
            </div>

            <div class="flexc" >
              <div class="flexc" style="margin-top:15px;margin-bottom:15px">
                <div style="width: 130px;">我还没有云账户：</div>
                <div v-if="this.apply==''" @click="toregyzh(1)" class="t_yzh">注册云账户11</div>
                <div v-if="this.apply.status==0" style="color: #949494;font-size: 14px;">未提交</div>
                <div v-if="this.apply.status==1" style="color: #949494;font-size: 14px;">已提交</div>
                <div v-if="this.apply.status==2" style="font-size: 14px;"><span style="color: #FF0000;">申请驳回</span></div>
                <div v-if="this.apply.status==3" style="color: #949494;font-size: 14px;">开户成功待签署</div>
                <div v-if="this.apply.status==3"><span @click="tosign" style="color: #005AFF;margin-left: 10px;cursor: pointer;" >点击进行签署</span></div>
                <div v-if="this.apply.status==4" style="color: #949494;font-size: 14px;">签约成功待开通服务</div>
                <div v-if="this.apply!=''"><span @click="toregyzh(2)" style="color: #005AFF;margin-left: 10px;cursor: pointer;" >进入查看</span></div>
                <div v-if="this.apply!=''" @click="refrestate()" class="t_yzh" style="margin-left: 5px;">更新状态</div>
              </div>
              <div class="flexc" style="margin-bottom: 15px">
                <div style="width: 130px;">我已有云账户：</div>
                <div v-if="this.apply.status==0" style="color: #949494;font-size: 14px;">未验证</div>
                <div v-if="this.pay==''||this.pay.status==0" @click="tohavebind(1)" class="t_yzh">绑定云账户</div>
              </div>
            </div>
            <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px;">
              云账户是一个第三方的灵活用工平台，可以在企业和自由职业者之间搭建桥梁。 企业可以将佣金发放的工作交给云账户，由云账户来帮灵活就业人员申报个人所得税
            </div>
          </div>
          <div v-if="this.apply.status==7||this.pay.status==1||this.pay.status==2" class="baibeijing" style=" width: 100%; margin-bottom: 0.5rem;">
            <div>当前已配置云账户：</div>
            <div @click="tohavebind(2)" style="color: #004AFF;margin-top: 15px;margin-bottom: 15px;cursor: pointer;" >{{ nowbind.dealer_id }}</div>
            <div v-if="nowbind.status==0" @click="checkmoney" class="t_yzh" style="width: 1.2rem;text-align: center;margin-bottom: 15px">请进行打款验证</div>
            <div style="color: #CDCDCD;font-size: 14px;" >修改云账户请联系客服处理</div>
          </div>

          <!-- 工猫支付手机版 -->
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin:0.2rem 0  0.2rem 0;">
            <div><img src="../../../static/img/yzh.png" style="width: 22px; margin-right: 10px;"></div>
            <div class="flexc">工猫支付
              <!-- <div class="flexc" v-if="gminfo!=''">
                <el-switch
                  @change="changeswkg(gminfo.id,2)"
                  :active-color="'rgb(0, 90, 255)'" :inactive-color="'#DCDFE6'"
                  :active-value="2"
                  :inactive-value="1"
                  v-model="opengs"
                  style="margin-left: 15px;">
                </el-switch>
                <span v-if="opengs==1" class="t_tips_font">已关闭</span>
                <span v-if="opengs==2" class="t_tips_font" style="color: #00DE08;">当前使用</span>
                <el-popover
                  placement="top-start"
                  trigger="hover"
                  content="该开关决定了佣金支出打款操作处的“灵活用工账户支付”调用云账户还是工猫支付，如果同时配置了2种账户，只能开启一种">
                  <div slot="reference" class="t_wen">?</div>
                </el-popover>
              </div> -->

            </div>
          </div>
          <span class="t_tips_font"  style="padding-left: 0.2rem;">一般纳税人打款手续费5.8%  &nbsp;&nbsp;&nbsp;小规模纳税人：3.4%</span>
          <div class="baibeijing" style=" width:100%; margin-bottom:0.5rem; position: relative;">
            <div @click="xiazaigongmao" style="cursor: pointer; color: #004AFF; position: absolute; right: 20px; top:20px; font-size: 12px;">下载配置说明</div>
            <!-- 未配置 -->
            <div v-if="!isshowgmset&&gminfo==''" >
              <div style="margin-bottom: 30px;">您还未配置工猫账户</div>
              <div class="flexc">
                <div>我还没有工猫账户：</div>
                <div class="t_yzh" @click="opencontcat" style="margin-left: 20px;" >联系我们注册开通</div>
              </div>
              <div class="flexc" style="margin-top: 10px;">
                <div >我已有工猫账户：</div>
                <div class="t_yzh" @click="openset" style="margin-left: 20px;" >配置绑定</div>
              </div>
              <!-- <div style="color: #FF004F;margin-top: 20px;margin-bottom: 20px;font-size: 14px;">注：未通过我们注册的商户无法享受5.8%的手续费率，将沿用用户自己账户的原有手续费率。</div> -->
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
            </div>


            <!-- 已配置 -->
            <div v-if="!isshowgmset&&gminfo!=''" >
              <div style="margin-bottom: 30px;">已配置工猫账户</div>
              <div class="flexc">
                <div style="color:#1444FF;cursor: pointer;" @click="showgminfo=true">{{ gminfo.dealer_id }}</div>
                <div style="margin-left: 40px;">状态：
                  <span v-if="gminfo.status==0">未验证</span>
                  <span v-if="gminfo.status==1||gminfo.status==2">正常</span>
                </div>
                <div v-if="gminfo.status==0" class="t_yzh" @click="openset" style="margin-left: 20px;" >配置绑定</div>
              </div>
              <div v-if="showgminfo" >
                <div style="margin-top: 15px;margin-bottom: 15px;">appKey：{{ this.gminfo.app_key }}</div>
                <div>appSecret：{{ this.gminfo.des_key }}</div>
              </div>
              <!-- <div style="color: #FF004F;margin-top: 20px;margin-bottom: 20px;font-size: 14px;">注：未通过我们注册的商户无法享受5.8%的手续费率，将沿用用户自己账户的原有手续费率。</div> -->
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
            </div>

            <!-- 配置 -->
            <div v-if="isshowgmset" >
              <div style="margin-bottom: 30px;">配置工猫账户</div>
              <div>请按照下载的配置说明配置</div>
              <div style="margin: 10px 0;">appKey：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.appKey" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="margin: 10px 0;">appSecret：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.appSecret" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="margin: 10px 0;">serviceID：</div>
              <div style="margin-bottom: 20px;"><el-input v-model="gmform.broker_id" style="width: 260px; margin-right: 20px;" placeholder="请输入"></el-input></div>
              <div style="background-color: #F3F4F7;color: #828282;padding: 15px;border-radius: 13px;font-size: 14px; margin-top: 30px;margin-bottom: 30px;">
                与云账户功能相同，行业知名度不如云账户，但手续费更低。
              </div>
              <el-button type="primary" round @click="quedingpeizhigm">保存配置</el-button>
            </div>

          </div>







      </div>
    </div>
    <el-dialog title="校验账户" :visible.sync="QrCodeshow" width="400px" @close="closeJiaoyanDialog" >
        <div class="qrcode" ref="qrCodeUrl" style="width:200px;margin-left:auto;margin-right:auto;"></div>
        <div style="margin-top: 28px;">微信扫码进入页面点击授权，然后您的微信将收到0.3元转账收到转账表示配置成功。</div>
        <div style="margin-top: 20px;">请先确保微信运营账户余额充足</div>
        <div style="color:rgb(255, 0, 62)">注：运营账户需要单独转账，默认无余额</div>
    </el-dialog>
    <!-- 联系我们 -->
    <el-dialog
      title="联系我们"
      :visible.sync="isshowus"
      width="500px">
      <img style="width: 100%;" src="../../../static/img/WechatIMG9040.png">
    </el-dialog>

    <el-dialog  title="充值"  :visible.sync="chongzhilog"  width="500px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="kflexc">
        <div style="margin: 10px 0;">请输入金额：</div>
        <div style=""><el-input type="number" v-model="chongzhi.trans_amount" style="width: 260px; margin-right: 20px;" placeholder="请输入金额"></el-input></div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" round @click="chongzhigo">充值</el-button>
      </div>
    </el-dialog>
	</div>
</template>

<script>
import QRCode from 'qrcodejs2'
  import left from '../left.vue'
  import top from '../top.vue'
  import footers from '../footer.vue'
  import * as qiniu from 'qiniu-js'
  import topandleft from '../topandleft.vue'
	export default {
		name: 'dakuanzhanghu',
    components:{
      left,top,topandleft,footers
    },
		data() {
			return {
        apply:'',
        pay:'',
        nowbind:{},
        user:"",
        zhifubao:{
          ali_name:"",
          app_id:"",
          private_key:"",
          ali_switch:''
        },
        zhifubaoxianshi:{
          public_key_cer:"",
          root_cer:"",
          app_public_key_cer:""
        },
        public_key_cer:"",
        root_cer:"",
        app_public_key_cer:"",
        xiugai:false,
        weipeizhishow:false,
        peizhishow:false,
        yipeizhishow:false,
        wxAppId:'',
        wxshh:'',
        weixin:{
          wechat_app_id:'',//微信appid
          wechat_mch_id:'',//微信商户号
          wechat_mch_secret_v2:'',//微信v2商户密钥
          wechat_mch_secret_v3:'',//微信v3商户密钥
          wechat_mch_secret_cert:'',//微信私钥证书
          wechat_mch_secret_cert_name:'',
          wechat_mch_public_cert_path:'',//微信公钥证书
          wechat_mch_public_cert_path_name:'',
          wechat_pay_file:'',//域名校验文件
          wechat_pay_file_name:'',
          wx_switch:''

        },
        isAppID:false,//是否展示 '您还未配置微信登录请先  前往配置'
        QrCodeshow:false,//校验账户生成二维码
        jiaoyanObj:{
          verify_id:'',//校验二维码后传给后端的随机数
        },
        isshowus:false,
        isshowgmset:false,
        gminfo:'',//空未配置    state  1配置未开，2配置开，
        gmform:{
          appKey:'',
          appSecret:'',
          broker_id:''
        },
        openys:null,
        opengs:null,
        showgminfo:false,

        broker_idlog:false,

        chongzhi:{
          trans_amount:"",
          remark:""
        },
        zhifubaoall:"",
        zhifubaoayue:"",
        chongzhilog:false
			}
		},
		created() {
      this.user = JSON.parse(localStorage.getItem('user'))
      //获取云账户配置
      this.getyzhinfo()

      this.getzhifubao()
      this.getweixin2()

      //获取工猫配置
      this.getgongmao()


		},
		mounted() {

      if(window.screen.width == 1920){
        this.widthss = true
      }

      document.addEventListener('paste', this.getClipboardFiles)

      if(window.screen.width < 1080){
        this.shoujiban = true
        var h = document.documentElement.clientWidth / 7.5 + 'px';
        document.documentElement.style.fontSize = h;

      }else{

      }
		},
  //   beforeDestroy() {
  //   clearInterval(this.fukuanResult) // 清除定时器
  // },
		methods: {

      //支付宝相关

      xiazai:function(url){
        window.location = url
      },

      chongzhigo:function(){
        axios.post('/own/ali/safe/user/account/pay',this.chongzhi).then((response)=>{
          if (response.data.msg.code == 0) {
            window.open(response.data.data)

          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      qianwangchongzhi:function(){
        this.chongzhi = {
          trans_amount:"",
          remark:""
        }
        this.chongzhilog = true
      },
      getzhifubao:function(){
        axios.get('/own/ali/safe/config/get').then((response)=>{
          if (response.data.msg.code == 0) {
            this.zhifubaoall = response.data.data
          } else {
            // this.$message.error(response.data.msg.info);
          }
        })
        axios.get('/own/ali/safe/user/account/query').then((response)=>{
          if (response.data.msg.code == 0) {
            this.zhifubaoayue = response.data.data.available_amount
          } else {
            // this.$message.error(response.data.msg.info);
          }
        })
        axios.get('/own/ali/pay/get').then((response)=>{
          if (response.data.msg.code == 0) {
            if(response.data.data == ''){
              this.xiugai = true

            }else{
              this.zhifubao.ali_name = response.data.data.ali_name
              this.zhifubao.app_id = response.data.data.app_id
              this.zhifubao.private_key = response.data.data.private_key
              this.zhifubao.ali_switch = response.data.data.ali_switch

              this.zhifubaoxianshi.public_key_cer = response.data.data.public_key_cer
              this.zhifubaoxianshi.root_cer = response.data.data.root_cer
              this.zhifubaoxianshi.app_public_key_cer = response.data.data.app_public_key_cer

            }


          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      jizhangkaitong:function(){
        axios.post('/own/ali/safe/user/account/create').then((response)=>{
          if (response.data.msg.code == 0) {

            this.$message.success('开通成功');
            this.getzhifubao()
          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      zhifubaoshouquan:function(){
        axios.post('/own/ali/safe/user/agreement/sign').then((response)=>{
          if (response.data.msg.code == 0) {
            window.open(response.data.data)
            // this.$message.success('签约成功');
          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      zhifubaobushouquan:function(){
        axios.post('/api/plan-market/ali/safe/user/agreement/unsign').then((response)=>{
          if (response.data.msg.code == 0) {
            this.$message.success('解约成功');
          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      //支付宝相关


      //点击进行签署
      tosign(){
        axios.get('/own/yunzhifu/getContractUrl',{
          params:{
            site_id:this.user.site_id
          }
        }).then((response)=>{
          if (response.data.msg.code == 0) {
            console.log('点击进行签署')
            console.log(response.data.data)
            window.open(response.data.data.sign_url,'_blank')
          } else {

            this.$message.error(response.data.msg.info);
          }
        })
      },
      //打款验证
      checkmoney(){
        this.$confirm('我们将会使用您的云账户打款1分钱到我们的个人账户，用来测试是否绑定成功，1分钱不会退款。请先确保云账户余额大于1分钱再点击测试', '提示', {
          confirmButtonText: '测试',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          axios.post('/own/yunzhifu/testApiToken',{site_id:this.user.site_id}).then((response)=>{
            if (response.data.msg.code == 0) {
              this.$message({
                message: '验证成功',
                type: 'success'
              });
              //获取详情
              this.getinfo()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });
        });

      },
      refrestate(){
        axios.get('/own/yunzhifu/getSubmitInfo?site_id='+this.user.site_id).then((response)=>{
            if (response.data.msg.code == 0) {
              console.log('获取详情')
              //获取云账户配置
              this.getyzhinfo()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })

      },

      quedingpeizhi:function(){
        let obj = new FormData()
        obj.append('ali_name',this.zhifubao.ali_name)
        obj.append('app_id',this.zhifubao.app_id)
        obj.append('private_key',this.zhifubao.private_key)
        if(this.public_key_cer){
          obj.append('public_key_cer',this.public_key_cer)
        }
        if(this.root_cer){
          obj.append('root_cer',this.root_cer)
        }
        if(this.app_public_key_cer){
          obj.append('app_public_key_cer',this.app_public_key_cer)
        }

        axios.post('/own/ali/pay/update',obj).then((response)=>{
          if (response.data.msg.code == 0) {
            this.$message.success('保存成功');
            location.reload()

          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      shangchuan1:function(file){
        this.public_key_cer = file.file
        this.zhifubaoxianshi.public_key_cer = true
      },
      shangchuan2:function(file){
        this.root_cer = file.file
        this.zhifubaoxianshi.root_cer = true
      },
      shangchuan3:function(file){
        this.app_public_key_cer = file.file
        this.zhifubaoxianshi.app_public_key_cer = true
      },
      //注册云账户
      toregyzh(type){
        //1--注册
        //2--编辑
        this.$router.push({path:'/yzhregister',query:{type:type}})
      },
      //已有账户绑定
      tohavebind(type){
        this.$router.push({path:'/yzhbind',query:{type:type}})
      },
      xiazaizhifubao:function(){
        const a = document.createElement('a');
        a.setAttribute('download', '支付宝说明文档.pdf');
        a.setAttribute('href', window.location.origin +  '/hou/static/img/zhifubao.pdf');
        a.click();
      },
      xiazaigongmao:function(){
        const a = document.createElement('a');
        a.setAttribute('download', '工猫说明文档.pdf');
        a.setAttribute('href', window.location.origin +  '/hou/static/img/gongmao.pdf');
        a.click();
      },
      xiazaiyun:function(){
        const a = document.createElement('a');
        a.setAttribute('download', '云账户说明文档.pdf');
        a.setAttribute('href', window.location.origin +  '/hou/static/img/yunzhanghu.pdf');
        a.click();
      },
      //获取详情
      getinfo(){
        axios.get('/own/yunzhifu/getApiToken',{
          params:{
            site_id:this.user.site_id
          }
        }).then((response)=>{
          if (response.data.msg.code == 0) {
            this.nowbind = response.data.data
          } else {

            this.$message.error(response.data.msg.info);
          }
        })
      },
      //获取云账户配置
      getyzhinfo(){
        axios.post('/own/yunzhifu/getYunAccount',{site_id:this.user.site_id}).then((response)=>{
        	if (response.data.msg.code == 0) {
            console.log('获取云账户配置')
            console.log(response.data.data)
            this.apply = response.data.data.apply
            this.pay = response.data.data.pay
            // 是否绑定成功
            if(this.apply.status==7||this.pay.status==1||this.pay.status==2){
                //获取详情
                this.getinfo()
                if(this.pay.status!=0){
                  this.openys = this.pay.status
                }

            }
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //获取微信
      getweixin2:function(){
        axios.get('/own/wx/pay/config/get').then((response)=>{

          if (response.data.msg.code == 0) {
            if(response.data.data == ''){
              this.xiugai = true

            }else{
              this.weixin.wechat_app_id = response.data.data.wechat_app_id
              this.weixin.wechat_mch_id = response.data.data.wechat_mch_id
              this.weixin.wechat_mch_secret_v2 = response.data.data.wechat_mch_secret_v2
              this.weixin.wechat_mch_secret_v3 = response.data.data.wechat_mch_secret_v3
              this.weixin.wx_switch = response.data.data.wx_switch

              this.weixin.wechat_mch_secret_cert = response.data.data.wechat_mch_secret_cert
              this.weixin.wechat_mch_secret_cert_name = response.data.data.wechat_mch_secret_cert

              this.weixin.wechat_mch_public_cert_path = response.data.data.wechat_mch_public_cert_path
              this.weixin.wechat_mch_public_cert_path_name = response.data.data.wechat_mch_public_cert_path

              this.weixin.wechat_pay_file = response.data.data.wechat_pay_file
              this.weixin.wechat_pay_file_name = response.data.data.wechat_pay_file


              console.log('response.data')
              console.log(response.data.data)
              console.log(this.weixin)
              if(this.weixin.wechat_app_id){
                this.weipeizhishow =false
                this.yipeizhishow = true

              }else{
                this.weipeizhishow = true
                this.isAppID = true
              }

              // this.weixin.private_key = response.data.data.private_key
              // this.zhifubaoxianshi.public_key_cer = response.data.data.public_key_cer
              // this.zhifubaoxianshi.root_cer = response.data.data.root_cer
              // this.zhifubaoxianshi.app_public_key_cer = response.data.data.app_public_key_cer
            }


          } else {
            this.$message.error(response.data.msg.info);
          }
        })
      },
      //微信支付下载配置说明
      wxDownloadInfo(){

        const a = document.createElement('a');
        a.setAttribute('download', '微信说明文档.pdf');
        a.setAttribute('href', window.location.origin +  '/hou/static/xlsx/weixinzhifu.docx');
        a.click();
      },
      configUser(){
        // this.weipeizhishow = false
        // window.open(location.origin + '/hou' + '/xitongpeizhi?selected=first')
        this.peizhishow = true
        this.weipeizhishow = false
      },
      updateConfig(){
       this.yipeizhishow = false
       this.peizhishow = true
      },

      //前往配置
      btnClick (){
        window.open(location.origin + '/hou' + '/xitongpeizhi?selected=first')
        // this.$router.push({ path: '/xitongpeizhi?selected=first', query: { selected: "first" } })

      },
      //微信私钥证书上传
      wxshangchuan1(file){
        console.log('123',file.file)
        this.weixin.wechat_mch_secret_cert = file.file
        this.weixin.wechat_mch_secret_cert_name = file.file.name
      },
      //微信公钥证书上传
      wxshangchuan2(file){
        // console.log('123',file)
        this.weixin.wechat_mch_public_cert_path = file.file
        this.weixin.wechat_mch_public_cert_path_name = file.file.name
      },
      //域名校验文件上传
      wxshangchuan3(file){
        console.log('123',file)
          this.weixin.wechat_pay_file = file.file
          this.weixin.wechat_pay_file_name = file.file.name

      },

      //微信确认配置
      wxquerenpeizhi(){
        let obj = new FormData()
        obj.append('wechat_mch_id',this.weixin.wechat_mch_id)
        console.log('this.weixin.wechat_mch_id',this.weixin.wechat_mch_id)
        console.log('2333',obj.get('wechat_mch_id'))
        obj.append('wechat_mch_secret_v2',this.weixin.wechat_mch_secret_v2)
        obj.append('wechat_mch_secret_v3',this.weixin.wechat_mch_secret_v3)
        if(this.weixin.wechat_mch_secret_cert){
          obj.append('wechat_mch_secret_cert',this.weixin.wechat_mch_secret_cert)
        }
        if(this.weixin.wechat_mch_public_cert_path){
          obj.append('wechat_mch_public_cert_path',this.weixin.wechat_mch_public_cert_path)
        }
        if(this.weixin.wechat_pay_file){
          obj.append('wechat_pay_file',this.weixin.wechat_pay_file)
        }
        if(obj.get('wechat_mch_id')&&obj.get('wechat_mch_secret_v2')&&obj.get('wechat_mch_secret_v3')&&obj.get('wechat_mch_secret_cert')&&obj.get('wechat_mch_public_cert_path')&&obj.get('wechat_pay_file')){
              axios.post('/own/wx/pay/config/update',obj).then((response)=>{
              if (response.data.msg.code == 0) {
                this.$message.success('保存成功');
                location.reload()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
          }else{
            this.$message.error('微信支付账户配置不全');
          }
      },
      //校验账户
      jiaoyanzhanghu(){
        // console.log('1234')
        this.QrCodeshow = true

        let suijishu = parseInt(Math.random()*100000000)
        let url = 'http://duotest.weibu.vip/h5/weixingongzhonghaoyanzheng?suijishu='+suijishu


        this.$nextTick(()=>{
          this.$refs.qrCodeUrl.innerHTML = '';
          var qrcode = new QRCode(this.$refs.qrCodeUrl, {
                text: 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe9a853825d8c4b19&redirect_uri='+url+'&response_type=code&scope=snsapi_base&state=123#wechat_redirect', // 需要转换为二维码的内容
                width: 200,
                height: 200,
                colorDark: '#000000',
                colorLight: '#ffffff',
                correctLevel: QRCode.CorrectLevel.H
            })
        })
        this.fukuanResult = setInterval(() => {
          console.log('123',suijishu)
          this.jiaoyanObj.verify_id = suijishu

          axios.post('/own/wx/pay/verify/callback',this.jiaoyanObj).then((response)=>{
              if (response.data.msg.code == 0&&response.data.data=='success') {
                this.$message.success('付款成功');
                location.reload()
              } else if(response.data.msg.code !==0 ) {
                this.$message.error(response.data.msg.info);
              }

            })
        }, 5000);

      },
      //关闭校验
      closeJiaoyanDialog(){
        window.clearTimeout(this.fukuanResult)

      },

      //打开联系我们
      opencontcat(){
        this.isshowus = true
      },
      //配置工猫
      openset(){
        this.isshowgmset = true
      },
      queren2:function(){

        this.gmform.appKey = this.gminfo.app_key
        this.gmform.appSecret = this.gminfo.des_key
        this.gmform.broker_id = this.gminfo.broker_id

        if(this.gmform.appKey==''||this.gmform.appSecret==''||this.gmform.broker_id == ''){
          this.$message.error('信息未填写完整');
          return
        }

        this.$confirm('是否确认提交', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          axios.post('/own/gongmao/bandGongMao',this.gmform).then((response)=>{
            if (response.data.msg.code == 0) {
              this.$message.success('保存成功');
              location.reload()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });
        });
      },
      //保存工猫
      quedingpeizhigm:function(){


        if(this.gmform.appKey==''||this.gmform.appSecret==''||this.gmform.broker_id == ''){
          this.$message.error('信息未填写完整');
          return
        }

        this.$confirm('是否确认提交', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          axios.post('/own/gongmao/bandGongMao',this.gmform).then((response)=>{
            if (response.data.msg.code == 0) {
              this.$message.success('保存成功');
              location.reload()
            } else {
              this.$message.error(response.data.msg.info);
            }
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          });
        });


      },
      //获取工猫配置
      getgongmao(){
        axios.post('/own/gongmao/getGongMaoAccount').then((response)=>{
        	if (response.data.msg.code == 0) {
            console.log('获取工猫配置')
            console.log(response.data.data)
            this.gminfo = response.data.data.pay
            if(this.gminfo!=''){
              this.opengs = this.gminfo.status
            }
            if(!this.gminfo.broker_id){
              this.broker_idlog = true
            }
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      //切换开关
      changeswkg(id,type){
        if(type==1){
          //云
          console.log(this.openys)
          if(this.openys==2){
            this.opengs=1
          }
        }else{
          //工猫
          if(this.opengs==2){
            this.openys=1
          }
        }
        axios.post('/own/gongmao/setPayWay',{
          id:id
        }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('修改成功');
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })

      },
      changeopenzfb(val){
        console.log(val)
        axios.post('/own/ali/pay/switch',{
          ali_switch:val.toString()
        }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('修改成功');
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      changeopenvx(val){
        console.log(val)
        axios.post('/own/wx/pay/switch',{
          wx_switch:val.toString()
        }).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.$message.success('修改成功');
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      }

		}
	}
</script>

<style scoped>
.t_wen{
  width: 18px;
  height: 18px;
  background-color:#9a9a9a;
  color: white;
  text-align: center;
  line-height: 18px;
  margin-left: 12px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 20px;
}
.t_tips{
  font-size: 12px;
  color: #787778;
  margin-top: 10px;
}

/deep/.t_bf_input  .el-input__inner{
border-radius:20px 0 0 20px !important;
}
/deep/.t_bf_input  .el-input-group__append{
border-radius:0px 20px 20px 0px !important;
}
.t_yzh{
  color: #005AFF;
  background-color: #E4EDFF;
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 12px;
  cursor: pointer;
}
/deep/ .el-input.is-disabled .el-input__inner{
  background-color: rgb(225, 225, 225) !important;
}
.t_tips_font{
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  color: #A5A5A5;
}
</style>
<style scoped lang="less">
  .yongjindakuan{
    /deep/ .el-checkbox{ display: block; margin-bottom: 10px;}
    /deep/ .el-textarea__inner{ background: rgb(236, 235, 235);}
    /deep/ .el-checkbox{ margin-bottom: 0;}
    .act{ background: rgb(0, 90, 255) !important; color: #fff !important;}
    /deep/ .van-area{ background: #eaeaea;}
  }
</style>
